<template>
    <view class="caiwu">
        <view>
            <u-icon name="arrow-left" color="#2979ff" size="18" @click="icon"></u-icon>
        </view>
        <view>财务管理</view>
        <view></view>
    </view>

    <view class="huikuan">
        <view>
            <img src="/static/img/tupian.png" alt="" style="width: 40px;height: 40px;">
            <p>回款计划</p>
        </view>
        <view>
            <img src="/static/img/tupian.png" alt="" style="width: 40px;height: 40px;">
            <p>回款管理</p>
        </view>
        <view>
            <img src="/static/img/tupian.png" alt="" style="width: 40px;height: 40px;">
            <p>退款管理</p>
        </view>
        <view>
            <img src="/static/img/tupian.png" alt="" style="width: 40px;height: 40px;">
            <p>发票管理</p>
        </view>
        <view>
            <img src="/static/img/tupian.png" alt="" style="width: 40px;height: 40px;">
            <p>费用管理</p>
        </view>
        <view>
            <img src="/static/img/tupian.png" alt="" style="width: 40px;height: 40px;">
            <p>爆笑管理</p>
        </view>
    </view>
</template>

<script setup lang="ts">
const icon = () => {
    uni.navigateBack({
        delta: 1
    })
}
</script>
<style lang="scss">
.caiwu {
    display: flex;
    padding: 20px 20px;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
}
.huikuan{
    display: flex;
    padding: 20px 20px;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    text-align: center;
    flex-wrap: wrap;
    view{
        width: 90px;
        height: 100px;
    }

}
</style>